<template lang="pug">
  v-container(grid-list-xl fluid)
    v-layout(row wrap)
      v-flex(lg12)
        v-container.px-0
          v-card
            v-tabs(center-active v-model="curTab" dark background-color="indigo")
              v-tab(v-for="tab in tabs" :key="tab['id']") {{ tab['label'] }}
              v-tab-item(key="asset")
                Asset
              v-tab-item(key="asset_stock")
                AssetStock
              // v-tab-item(key="asset_bundle")
                AssetBundle
              v-tab-item(key="filterable_bundle")
                FilterableBundle
</template>
<script>
import VWidget from "@/components/VWidget"
import Asset from '@/components/asset/asset'
import AssetStock from '@/components/asset_stock/asset_stock'
import AssetBundle from '@/components/asset_bundle/asset_bundle'
import FilterableBundle from '@/components/filterable_bundle/filterable_bundle'
  export default {
    props: [],
    methods:{},
    computed:{},
    components: {VWidget, Asset, AssetStock, AssetBundle, FilterableBundle},
    data() {
      return {
        curTab: 0,
        tabs: [
          {id: "asset", label: "一般资产", isDefault: true},
          {id: "asset_stock", label: "批量资产", isDefault: false},
          // {id: "asset_bundle", label: "资产组合", isDefault: false},
          {id: "filterable_bundle", label: "资产组合", isDefault: false}
        ]
      }
    },
    mounted(){
      this.$store.dispatch('asset/bootstrap')
    }
  }
</script>